/*push失败*/
:root {
    /* 通用颜色变量 */
    --primary-color: #4A90E2;         /* 主色调：蓝色，用于标题、激活状态等 */
    --secondary-color: #7ED6DF;       /* 辅助色调：青绿色，用于悬停、辅助高亮 */
    --highlight-color: #FFA726;       /* 强调色：橙色，用于按钮点击等高亮 */

    /* 通用文本颜色 */
    --text-color: #333333;
    --text-light: #666666;

    /* 背景颜色 */
    --bg-color: #F4F7FA;
    --card-bg: #ffffff;

    /* 公共样式变量 */
    --border-radius: 10px;
    --box-shadow-light: 0 2px 8px rgba(0, 0, 0, 0.05);

    /* 残疾类型模块专用色（用于视觉分组） */
    --vision-color: #5C6BC0;
    --hearing-color: #26C6DA;
    --speech-color: #66BB6A;
    --physical-color: #EF5350;
    --intellectual-color: #AB47BC;
}

body {
    background-color: #F8F9FA;
    font-family: "Helvetica Neue", "Microsoft YaHei", sans-serif;
    color: #333333;
}

.banner img {
    width: 100%;
    border-radius: 12px;
}

.nav-grid .grid-item {
    background: #FFFFFF;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    text-align: center;
    padding: 10px;
    color: #333;
    transition: transform 0.2s;
}
.nav-grid .grid-item:hover {
    transform: scale(1.03);
}

.grid-item span {
    display: block;
    margin-top: 6px;
    font-size: 14px;
    color: #4A90E2;
}

.list-title {
    font-size: 18px;
    margin: 20px 10px 10px;
    color: #4A90E2;
}

.list-item {
    background: #fff;
    margin: 10px;
    border-radius: 8px;
    padding: 10px;
    display: flex;
    gap: 10px;
    border: 1px solid #DCE1E6;
}

.item-title {
    font-size: 16px;
    color: #333;
    margin: 0;
}

.item-desc {
    font-size: 14px;
    color: #666;
}

.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    background-color: #ffffff;
    border-top: 1px solid #DCE1E6;
    justify-content: space-around;
    padding: 6px 0;
}

.footer a p {
    color: #4A90E2;
    margin: 0;
    font-size: 14px;
}
